<template>
  <div style="position:absolute;z-index:-999;width:300px;height:300px;top:-100vh;left:-100vh;overflow:auto;background-color: #fff;">
    <div id="print-box" ref="printContent">
      <div class="pint-title">苏州大学附属第二医院住院业务办理指引单</div>
      <div class="pint-num">您的号码为：<span>{{ printInfo.number }}</span></div>
      <div class="pint-people-num">在您的前面还有<span>{{ printInfo.waitNumber }}</span>人</div>
      <div class="pint-num-time">取号时间：{{ numTime }}</div>
      <div class="dashed-line" />
      <div class="pint-foot-prompt">请你在住院服务大厅等候</div>
      <div class="pint-foot-prompt">注意显示屏信息，过号无效，需重新取号</div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'PrintPage', // 康复治疗记录单打印
  props: {
    printInfo: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {
      tableData: [],
      numTime: this.$moment().format('YYYY-MM-DD HH:mm:ss')
    }
  },
  mounted() {},
  methods: {}
}
</script>
<style scoped lang="less">
@page {
    size: A5 portrait;
    // size: auto;
    margin: 7mm 0mm 0mm 0mm;
  }
  #print-box {
    margin: 0 auto;
    height: 100%;
    padding: 20px;
    width: 260px;
  }
.pint-title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 10px;
}
.pint-num {
  font-size: 13px;
  span {
    font-size: 20px;
    font-weight: 600;
  }
}
.pint-people-num {
  font-size: 13px;
  span {
    font-size: 20px;
    font-weight: 600;
    margin: 0px 5px;
  }
}
.dashed-line {
  // border: none;
  border-top: 1px dashed #ccc;
  margin: 20px 0;
}
.pint-foot-prompt {
  text-align: center;
  font-size: 13px;
}
</style>
